import { ContainerHoc } from './ContainerHoc';

/**
 * 普通竖向排布容器
 */
export const V = ContainerHoc();
export const VBox = V;
/**
 * 向外撑起的竖向排布容器
 */
export const FV = ContainerHoc({ f: 1 });
export const FVBox = FV;
/**
 * 横向居中的竖向排布容器
 */
export const VC = ContainerHoc({ ai: 'c' });
export const VCBox = VC;
/**
 * 双向居中的竖向排布容器
 */
export const VCC = ContainerHoc({
  jc: 'c',
  ai: 'c',
});
export const VCCBox = VCC;
/**
 * 向外撑起的竖向容器，子元素横向居中
 */
export const FVC = ContainerHoc({ f: 1, ai: 'c' });
export const FVCBox = FVC;
/**
 * 向外撑起的竖向容器，子元素双向居中
 */
export const FVCC = ContainerHoc({
  f: 1,
  jc: 'c',
  ai: 'c',
});
export const FVCCBox = FVCC;
/**
 * 普通横向排布容器
 */
export const H = ContainerHoc({ row: true });
export const HBox = H;
/**
 * 向外撑起的横向排布容器
 */
export const FH = ContainerHoc({ f: 1, row: true });
export const FHBox = FH;
/**
 * 竖向居中的横向排布容器
 */
export const HC = ContainerHoc({ row: true, ai: 'c' });
export const HCBox = HC;
/**
 * 向外撑起的横向容器，子元素竖向居中
 */
export const FHC = ContainerHoc({
  f: 1,
  row: true,
  ai: 'c',
});
export const FHCBox = FHC;
/**
 * 双向居中的横向排布容器
 */
export const HCC = ContainerHoc({
  row: true,
  jc: 'c',
  ai: 'c',
});
export const HCCBox = HCC;
/**
 * 向外撑起的横向容器，子元素双向居中
 */
export const FHCC = ContainerHoc({
  f: 1,
  row: true,
  jc: 'c',
  ai: 'c',
});
export const FHCCBox = FHCC;
